<template>
     <content-loader
    viewBox="0 0 400 760"
    :speed="2"
    primaryColor="#f3f3f3"
    secondaryColor="#ecebeb"
  >
    <rect x="13" y="7" rx="0" ry="0" width="140" height="35" /> 
    <rect x="176" y="8" rx="0" ry="0" width="259" height="31" /> 
    <rect x="14" y="64" rx="0" ry="0" width="384" height="37" /> 
    <rect x="15" y="124" rx="0" ry="0" width="376" height="92" /> 
    <circle cx="51" cy="268" r="38" /> 
    <circle cx="191" cy="301" r="6" /> 
    <circle cx="147" cy="267" r="38" /> 
    <circle cx="243" cy="267" r="38" /> 
    <circle cx="342" cy="266" r="38" /> 
    <rect x="15" y="333" rx="0" ry="0" width="156" height="91" /> 
    <rect x="221" y="329" rx="0" ry="0" width="156" height="91" /> 
    <rect x="32" y="445" rx="0" ry="0" width="107" height="84" /> 
    <rect x="198" y="451" rx="0" ry="0" width="149" height="28" /> 
    <rect x="255" y="490" rx="0" ry="0" width="85" height="16" /> 
    <rect x="203" y="518" rx="0" ry="0" width="128" height="15" /> 
    <rect x="206" y="489" rx="0" ry="0" width="31" height="19" /> 
    <rect x="34" y="559" rx="0" ry="0" width="107" height="84" /> 
    <rect x="200" y="565" rx="0" ry="0" width="149" height="28" /> 
    <rect x="257" y="604" rx="0" ry="0" width="85" height="16" /> 
    <rect x="205" y="632" rx="0" ry="0" width="128" height="15" /> 
    <rect x="208" y="603" rx="0" ry="0" width="31" height="19" /> 
    <rect x="38" y="674" rx="0" ry="0" width="107" height="84" /> 
    <rect x="261" y="719" rx="0" ry="0" width="85" height="16" /> 
    <rect x="209" y="747" rx="0" ry="0" width="128" height="15" /> 
    <rect x="212" y="718" rx="0" ry="0" width="31" height="19" />
  </content-loader>
  </template>
  
  <script>
  import { ContentLoader } from 'vue-content-loader';
  export default {
    components: {
      ContentLoader
    }
  };
  </script>